<script type="text/javascript">
    $(document).ready(function() {
        $('#grid').dataTable({
            "bJQueryUI": false,
            "bAutoWidth": false,
            "sPaginationType": "full_numbers",
            "sDom": '<"H"fl>t<"F"ip>',
            "aaSorting": [[0, "desc"]]
        });
    });
</script>
<?php $idUsuario = $datosColegiado['User']['id']; ?>
<?php //debug($movimientos);      ?>
<div class="row">
    <div class="col-md-8">       
        <div class="block">
            <h3>
                Colegiado: <?php echo $datosColegiado['User']['ap_paterno']; ?>
                <?php echo $datosColegiado['User']['ap_materno']; ?>
                <?php echo $datosColegiado['User']['nombres']; ?>
            </h3>
            <div class="row">
            <div class="col-md-12">
            <?php if(!empty($damovimientos)):?>
            <p><label class="label label-info">Son <?php echo count($movimientos);?> cuotas con un total de <?php echo $damovimientos[0][0]['total_ingreso'].' '.$damovimientos[0]['Movimiento']['moneda'];?></label></p>
            <?php endif;?>
            </div>
            </div>
            <div class="innerLR">
                <!-- Widget -->
                <div class="widget widget-heading-simple widget-body-gray">                    
                    <!-- Table -->
                    <div class="table-responsive">
                        <!--<table class="table table-vcenter">
                        <table id="example-datatable" class="table table-vcenter table-condensed table-bordered">--> 
                        <table id="tabla" class="table table-vcenter table-condensed table-bordered">
                            <thead>
                                <tr>
                                    <th>Fecha</th>                                    
                                    <th>Ingreso</th>
                                    <th>T.C.</th>
                                    <th>Moneda</th>                                      
                                </tr>
                            </thead>
                            <tbody>
                                <?php $i = 0; ?>
                                <?php foreach ($movimientos as $m): ?>
                                    <tr <?php echo (fmod($i, 2)) ? 'class="info"' : ''; ?>>
                                        <td><?php echo $m['Movimiento']['fecha_cuota']; ?></td>                                        
                                        <td><?php echo $m['Movimiento']['ingreso']; ?></td>
                                        <td><?php echo $m['Movimiento']['tc']; ?></td>                                    
                                        <td><?php echo $m['Movimiento']['moneda']; ?></td>                                       
                                    </tr>
                                    <?php $i++; ?>    
                                <?php endforeach; ?>                                
                            </tbody>
                        </table>                                                 

                    </div>
                    <!-- // Table END -->
                </div>
            </div>
        </div>	
    </div>

    <div class="col-md-2">
        <div class="block-section">            
            <button type="button" class="btn btn-block btn-warning" id="btnMuestraFechas">Por Fechas</button>
        </div>
    </div>

    <div class="col-md-4" style="display: none;" id="MuestraFechas">       

        <div class="block">
            <div class="block-title">
                <h2><strong>Formulario de Busqueda por Fechas</strong> </h2>
            </div>
            <?php echo $this->Form->create('User', array('class' => 'form-horizontal form-bordered')); ?>	               
            <?php echo $this->Form->hidden('User.id', array('value' => $idUsuario)) ?>
            <fieldset>                
                <div class="form-group">
                    <label class="col-md-2 control-label" for="data[User][fecha_asignacion]">Fecha Inicial<span class="text-danger">*</span></label>
                        <div class="col-md-9">
                            <div class="input-group">
                                <?php //echo $this->Form->date('User.fecha_ini',array('class' => 'form-control'));?>
                                <input type="text" id="data[User][fecha_ini]" name="data[User][fecha_ini]" class="form-control input-datepicker" data-date-format="yyyy-mm-dd" placeholder="Selecciones la Fecha" />
                                <span class="input-group-addon"><i class="hi hi-calendar"></i></span>
                            </div>
                        </div>                 
                </div>

                <div class="form-group">
                    <label class="col-md-2 control-label" for="data[User][fecha_asignacion]">Fecha Final<span class="text-danger">*</span></label>
                        <div class="col-md-9">
                            <div class="input-group">
                                <input type="text" id="data[User][fecha_fin]" name="data[User][fecha_fin]" class="form-control input-datepicker" data-date-format="yyyy-mm-dd" placeholder="Selecciones la Fecha" />
                                <span class="input-group-addon"><i class="hi hi-calendar"></i></span>
                            </div>
                        </div>                 
                </div>         

            </fieldset>

            <div class="form-group form-actions">
                <div class="col-md-8 col-md-offset-4">
                    
                    <?php echo $this->Js->submit('Buscar', array('url' => array('controller' => 'Users','action' => 'calcula_total_ingresos'), 'update' => '#cargatotal','class' => 'btn btn-sm btn-primary'));?>                
                </div>
            </div>
            <?php echo $this->Form->end();?>
            <div class="row">
            <div class="col-md-12" id="cargatotal">
            
            </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(function() {
        TablesDatatables.init();
    });

    $(document).ready(function() {
        $('#tabla').dataTable();
    });
</script>
<script>

//funcion 

    $(document).ready(function() {
        $('#btnMuestraFechas').click(function() {
            //console.log('Aqui hizo click'); 
            $('#MuestraFechas').toggle('slow');
        });
    });
</script>